    @import '../../style/index';
    @tree-prefix-cls: ~"@{coms-prefix}-tree";
    @top-height: @coms-small-height * 2+10;
    .@{tree-prefix-cls} {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 5px 0;
        &-top {
            position: absolute;
            top: 0px;
            width: 100%;
            height: @top-height;
            border-bottom: 1px solid #e5e5e5;
            &-title {
                height: @coms-small-height;
                line-height: @coms-small-height;
                padding-left: 15px;
                font-weight: bolder;
            }
            .mode-input-affix-wrapper {
                height: @coms-small-height;
                line-height: @coms-small-height;
                padding: 2px 0px;
                &>input {
                    min-height: auto;
                    border-radius: 0px;
                }
                .mode-input-suffix {
                    top: 18px;
                }
            }
            .mode-input-suffix {
                right: 17px;
            }
        }
        &-scroll-wrap {
            position: absolute;
            height: 100%;
            padding-top: @top-height;
            top: 0px;
            width: 100%;
        }
        &-scroll {
            height: 100%;
        }
        &-node {
            width: 100%;
            &-wrap {
                padding: 0 10px 0 0;
                &:hover {
                    background-color: #def0ff;
                }
                &-selected {
                    background-color: #4ba9df;
                    color: #fff;
                    .coms-mode-tree-node-title-text {
                        color: #fff;
                    }
                    &:hover {
                        background-color: #4ba9df;
                    }
                    .mode-tree-icon_loading:after {
                        color: #fff !important;
                    }
                }
            }
        }
        .mode-tree-node-content-wrapper {
            width: 94%;
        }
        .mode-tree-child-tree {
            padding: 0px;
        }
        .mode-tree li .mode-tree-node-content-wrapper {
            padding: 3px 0px;
        }
        .mode-tree li span.mode-tree-iconEle {
            line-height: 12px;
        }
        .mode-tree-title {
            display: inline-block;
        }
    }

    .mode-tree-node-selected,
    .mode-tree-node-selected:hover,
    .mode-tree-node-content-wrapper:hover {
        background-color: transparent!important;
    }